<template>
    <div>
        <van-nav-bar title="订单" />
        <div class="box">
            <div class="box1">
                <b>收货人：小明</b>
                <p>收货地址：八维</p>
            </div>
            <div class="box2">

                <van-swipe-cell>
                    <van-card num="2" price="2.00" desc="描述信息" title="商品标题" class="goods-card"
                        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
                    <template #right>
                        <van-button square text="删除" type="danger" class="delete-button"
                            style="width: 70px;height: 70px;" />
                    </template>
                </van-swipe-cell>

            </div>
            <div class="box3">

                <p>下单时间<span>2005—7—9 </span></p>
                <p>收货时间<span>预计2025—7—11到货</span></p>
                <p>仓库准备<span>准备发出</span></p>
                <p>收货状态<span>未收货</span></p>
                <p>订单编号<span>128784356809</span></p>
            </div>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.box {
    width: 400px;
    height: 700px;
    // background-color: aqua;
    margin: 0 auto;

    .box1 {
        width: 400px;
        height: 80px;
        // background-color: aquamarine;
    }
    .box3{
        width: 400px;
        height: 400px;
        // background-color: red;
        margin-top: 30px;
        p{
            margin-top: 20px;
            margin-left: 10px;
            span{
                float: right;
                margin-right: 50px;
            }
        }
    }
}
</style>